<!DOCTYPE html>
<html dir="ltr" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>公共部分-头部</title>
</head>
<body>
<header class="topbar" th:fragment="header">
    <nav class="navbar top-navbar navbar-expand-md navbar-dark">
        <div class="navbar-collapse collapse" id="navbarSupportedContent" style="margin-left: 0;">
            <ul class="navbar-nav float-left mr-auto" id="thirdMenu">
                <li class="nav-item d-none d-md-block">
                    <a class="nav-link sidebartoggler waves-effect waves-light" href="javascript:void(0)"
                       data-sidebartype="mini-sidebar">
                        <i class="mdi mdi-menu font-24"></i>
                    </a>
                </li>
                <li data-type="displayboard" th:classappend="${menu=='displayboard'?'nav-active3':''}"
                    class="nav-item dropdown hover-none navLi">
                    <a class="nav-link dropdown-toggle waves-effect  waves-dark">
                        <span class="d-none d-md-block"> <i class="fa fa-list-alt"></i> 今日热点</span>
                        <span class="d-block d-md-none">今日热点 </span>
                    </a>
                </li>
                <li data-type="analysis" th:classappend="${menu=='analysis'?'nav-active3':''}"
                    class="nav-item dropdown hover-none navLi">
                    <a class="nav-link dropdown-toggle waves-effect  waves-dark">
                        <span class="d-none d-md-block"> <i class="fa fa-chart-bar"></i> 监测分析</span>
                        <span class="d-block d-md-none">监测分析 </span>
                    </a>
                </li>
                <li data-type="monitor" th:classappend="${menu=='monitor'?'nav-active3':''}"
                    class="nav-item dropdown hover-none navLi">
                    <a class="nav-link dropdown-toggle waves-effect  waves-dark">
                        <span class="d-none d-md-block"> <i class="fa fa-crosshairs"></i> 数据监测</span>
                        <span class="d-block d-md-none">数据监测 </span>
                    </a>
                </li>
                
                
                <!-- <li data-type="report" th:classappend="${menu=='report'?'nav-active3':''}"
                    class="nav-item dropdown hover-none navLi">
                    <a class="nav-link dropdown-toggle waves-effect  waves-dark">
                        <i class="fa fa-chart-pie"></i> 
                        <span class="d-none d-md-block"> <i class="fa fa-tasks"></i> 分析报告</span>
                        <span class="d-block d-md-none">分析报告</span>
                    </a>
                </li> -->

                <li data-type="project" th:classappend="${menu=='project'?'nav-active3':''}"
                    class="nav-item dropdown hover-none navLi">
                    <a class="nav-link dropdown-toggle waves-effect  waves-dark">
                        <span class="d-none d-md-block"> <i class="fa fa-list"></i> 监测管理</span>
                        <span class="d-block d-md-none">监测管理</span>
                    </a>
                </li>
                <!--  <li data-type="full_search" th:classappend="${menu=='full_search'?'nav-active3':''}"
                    class="nav-item dropdown hover-none navLi">
                 <a class="nav-link dropdown-toggle waves-effect  waves-dark">
                        <span class="d-none d-md-block"> <i class="fa fa-search"></i> 综合搜索</span>
                        <span class="d-block d-md-none">综合搜索</span>
                    </a>
                </li>  -->
                <li data-type="public_option" th:classappend="${menu=='public_option'?'nav-active3':''}"
                    class="nav-item dropdown hover-none navLi">
                    <a class="nav-link dropdown-toggle waves-effect  waves-dark">
                        <span class="d-none d-md-block"> <i class="fa fa-list"></i> 事件分析</span>
                        <span class="d-block d-md-none">事件分析</span>
                    </a>
                </li> 
                <!-- 				<li th:classappend="${menu=='account'?'nav-active3':''}" class="nav-item dropdown hover-transparent"> -->
                <!-- 	                <a class="nav-link dropdown-toggle waves-effect hover-transparent waves-dark" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> -->
                <!-- 	                 <span class="d-none d-md-block">账号监测 <i class="fa fa-angle-down"></i></span> -->
                <!-- 	                 <span class="d-block d-md-none">账号监测</span>    -->
                <!-- 	                </a> -->
                <!-- 	                <div class="dropdown-menu" aria-labelledby="navbarDropdown"> -->
                <!-- 	                    <a class="dropdown-item" href="#">账号管理</a> -->
                <!-- 	                    <a class="dropdown-item" href="#">监测数据</a> -->
                <!-- 	                </div> -->
                <!-- 				</li> -->
            </ul>
            <ul class="navbar-nav float-right">
                <!-- <li class="nav-item">
                    <a id="showsearch" class="nav-link dropdown-toggle waves-effect waves-dark"
                       th:href="@{/fullsearch}">
                        <svg class="icon font-18">
                            <use xlink:href="#icon-search"></use>
                        </svg>
                    </a>
                </li> -->
                
                
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle waves-effect  waves-dark"
                       th:href="@{/system/feedback}">
                        <i class="mdi mdi-message-text-outline"></i>
                        <span>反馈建议</span>
                    </a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle waves-effect  waves-dark"
                       th:href="@{/monitor/wxGroup}">
                        <svg t="1645610559794" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2257" width="600" height="600"><path d="M811.564138 419.663448a46.830345 46.830345 0 0 0-45.550345 46.830345c0 22.510345 21.715862 43.078621 45.550345 43.078621 29.395862 0 54.201379-19.729655 54.201379-43.078621 0-26.262069-23.790345-46.830345-54.201379-46.830345z m0 67.84c-13.241379 0-23.481379-11.52-23.481379-21.009655a24.496552 24.496552 0 0 1 23.481379-24.761379c18.008276 0 32.132414 10.857931 32.132414 24.761379 0 9.710345-13.903448 21.009655-32.132414 21.009655zM617.931034 419.663448c-24.275862 0-45.594483 22.068966-45.594482 46.830345 0 22.068966 22.068966 43.078621 45.594482 43.078621 30.543448 0 55.393103-19.332414 55.393104-43.078621 0.044138-26.703448-23.746207-46.830345-55.393104-46.830345z m0 67.84c-11.211034 0-23.525517-10.990345-23.525517-21.009655a25.467586 25.467586 0 0 1 23.525517-24.761379c19.023448 0 33.324138 10.637241 33.324138 24.761379 0.044138 8.73931-12.623448 21.009655-33.324138 21.009655z" fill="#000000" p-id="2258"></path><path d="M1022.366897 544.176552c0-66.206897-29.969655-130.295172-84.391725-179.950345a331.608276 331.608276 0 0 0-187.93931-83.067586C725.186207 126.234483 577.50069 9.931034 395.034483 3.089655c-4.413793 0-10.46069-0.353103-16.551724-0.353103C174.212414 2.913103 1.633103 151.172414 1.633103 326.62069c0 93.881379 56.496552 168.077241 108.049656 216.275862C41.313103 591.668966 2.206897 661.53931 2.206897 735.955862c0 69.34069 40.518621 138.01931 114.317241 194.206897l-21.406897 77.064827a11.034483 11.034483 0 0 0 10.813793 13.859311c1.906759 0 3.778207-0.503172 5.428966-1.456552l85.406897-48.286897c7.282759 1.544828 14.609655 3.266207 21.76 4.943449 13.241379 3.089655 26.482759 6.267586 40.209655 8.562758a219.497931 219.497931 0 0 0 36.943448 3.442759c71.503448 0 140.093793-22.068966 193.147586-62.411035 48.551724-36.987586 81.566897-86.995862 93.66069-142.035862a351.911724 351.911724 0 0 0 131.84 25.379311 229.517241 229.517241 0 0 0 38.797241-3.619311c14.212414-2.383448 28.468966-5.737931 42.284138-8.827586 7.591724-1.809655 15.404138-3.61931 23.172414-5.296552l90.085517 50.979311a11.034483 11.034483 0 1 0 16.066207-12.535173l-22.642759-81.522758c77.771034-59.10069 120.275862-131.354483 120.275863-204.226207zM23.702069 326.62069c0-163.531034 162.471724-301.682759 354.78069-301.682759 5.737931 0 11.431724 0 15.713103 0.353103 169.842759 6.223448 307.597241 112.198621 333.241379 254.057932-9.268966-0.397241-18.052414-0.308966-26.791724 0-5.075862 0-10.24 0.485517-15.271724 0.882758-9.975172 0.794483-20.038621 1.986207-29.837241 3.61931-5.252414 0.838621-10.857931 1.942069-17.213793 3.310345a343.671172 343.671172 0 0 0-39.238621 10.902069c-8.827586 3.045517-17.655172 6.532414-26.482759 10.328276-8.827586 3.795862-16.86069 7.944828-24.937931 12.402759-4.016552 2.251034-8.033103 4.413793-11.873103 6.929655-2.824828 1.721379-5.693793 3.575172-8.827586 5.517241-2.913103 1.942069-5.914483 4.016552-8.827587 6.267587a299.211034 299.211034 0 0 0-25.335172 20.215172 287.735172 287.735172 0 0 0-21.097931 21.053793c-2.206897 2.427586-4.413793 4.89931-6.4 7.371035-2.78069 3.310345-5.517241 6.753103-8.165517 10.24a257.853793 257.853793 0 0 0-21.053793 32.750344c-1.721379 3.133793-3.354483 6.355862-4.899311 9.577931l-1.456551 3.133793c-1.015172 2.206897-2.030345 4.413793-3.00138 6.62069-0.529655 1.235862-1.05931 2.471724-1.544827 3.751724-0.838621 2.030345-1.677241 4.104828-2.471724 6.179311l-1.456552 3.928275c-0.750345 2.118621-1.456552 4.413793-2.162759 6.4-0.441379 1.235862-0.838621 2.427586-1.235862 3.663449-0.750345 2.56-1.50069 5.12-2.206896 7.68 0 0.838621-0.485517 1.677241-0.706207 2.515862-0.882759 3.354483-1.677241 6.753103-2.383449 10.107586-0.22069 1.05931-0.397241 2.118621-0.617931 3.177931-0.397241 1.897931-0.794483 3.795862-1.103448 5.693793a331.034483 331.034483 0 0 0-102.311724-19.862069c-4.413793 0-8.518621-0.264828-12.844138-0.264827a324.943448 324.943448 0 0 0-166.885517 46.609655C79.448276 485.517241 23.702069 414.896552 23.702069 326.62069zM295.724138 966.223448a199.68 199.68 0 0 1-33.28-3.133793c-12.844138-2.162759-25.467586-5.12-38.841379-8.253793-8.562759-2.030345-17.655172-4.104828-26.482759-5.958621a11.078621 11.078621 0 0 0-7.68 1.191725L123.586207 987.321379l16.242759-58.65931a11.034483 11.034483 0 0 0-4.104828-11.873103c-41.622069-30.455172-111.404138-94.455172-111.404138-180.965518 0-69.693793 38.4-135.371034 105.401379-180.215172l3.707587-2.427586A301.903448 301.903448 0 0 1 295.724138 505.732414c4.016552 0 8.033103 0 12.005517 0.264827a306.228966 306.228966 0 0 1 107.74069 23.348966c92.689655 38.797241 150.068966 117.98069 150.068965 206.609655a205.462069 205.462069 0 0 1-2.427586 30.896552c-17.787586 115.464828-130.33931 199.371034-267.387586 199.371034z m587.034483-231.194482a11.122759 11.122759 0 0 0-4.148966 11.873103l17.655173 63.073103-70.62069-39.724138a10.902069 10.902069 0 0 0-5.428966-1.456551 12.976552 12.976552 0 0 0-2.251034 0c-9.357241 1.942069-18.714483 4.148966-27.762759 6.267586-14.08 3.310345-27.409655 6.444138-40.915862 8.827586a209.169655 209.169655 0 0 1-35.310345 3.310345 329.004138 329.004138 0 0 1-128-25.511724 222.675862 222.675862 0 0 0 1.544828-25.688276c0-95.161379-59.542069-180.171034-155.983448-223.602759v-1.147586l0.662069-3.884138c0.353103-1.942069 0.706207-3.884138 1.103448-5.826207 0.397241-1.942069 0.573793-2.692414 0.882759-4.016551 0.308966-1.324138 0.838621-3.707586 1.324138-5.56138l1.05931-4.060689 1.588965-5.473104 1.235862-4.016552c0.617931-1.809655 1.235862-3.61931 1.897931-5.428965 0.662069-1.809655 0.882759-2.604138 1.368276-3.928276 0.485517-1.324138 1.456552-3.707586 2.251035-5.561379 0.485517-1.191724 0.926897-2.427586 1.456552-3.619311 0.882759-2.030345 1.809655-4.06069 2.736551-6.046896l1.412414-3.045517c1.456552-3.001379 2.957241-5.958621 4.413793-8.827587a236.976552 236.976552 0 0 1 19.244138-29.881379c2.427586-3.222069 4.943448-6.355862 7.45931-9.401379a257.191724 257.191724 0 0 1 25.953104-26.306207c2.824828-2.515862 5.826207-5.031724 8.827586-7.591724 4.413793-3.707586 9.401379-7.415172 14.521379-11.078621l1.897931-1.324138c5.252414-3.663448 10.107586-6.929655 14.742069-9.798621 3.61931-2.206897 7.282759-4.413793 11.034483-6.4a299.264 299.264 0 0 1 47.801379-21.230344c4.413793-1.588966 9.533793-3.133793 15.58069-4.855173 7.017931-2.030345 14.08-3.795862 21.142069-5.340689l4.413793-0.882759c4.413793-0.882759 8.121379-1.588966 11.784828-2.206897 9.18069-1.50069 18.626207-2.648276 27.983448-3.39862 4.766897-0.353103 9.577931-0.617931 14.344828-0.794483 8.033103-0.308966 16.198621-0.308966 24.231724 0h1.324138c4.179862 0.176552 8.372966 0.441379 12.57931 0.794483 143.757241 11.652414 260.722759 120.187586 260.722759 241.92-0.22069 91.144828-73.886897 158.72-117.76 190.852414z" fill="#000000" p-id="2259"></path><path d="M258.56 281.511724c28.027586 0 53.53931-24.055172 53.53931-50.493793 0.03531-29.832828-23.719724-54.249931-53.53931-55.04-35.972414 0-64.132414 24.187586-64.132414 55.04 0 27.365517 29.351724 50.493793 64.132414 50.493793z m0-83.464827a32.662069 32.662069 0 0 1 31.470345 32.971034c0 12.888276-14.035862 28.424828-31.470345 28.424828-24.055172 0-42.063448-15.006897-42.063448-28.424828 0-18.493793 18.493793-32.971034 42.063448-32.971034zM496.904828 281.511724c27.497931 0 53.53931-24.54069 53.53931-50.493793 0-29.307586-25.026207-55.04-53.53931-55.04-37.473103 0-65.677241 23.657931-65.677242 55.04 0 27.851034 29.44 50.493793 65.677242 50.493793z m0-83.464827a33.942069 33.942069 0 0 1 31.470344 32.971034c0 13.550345-16.463448 28.424828-31.470344 28.424828-25.732414 0-43.608276-14.962759-43.608276-28.424828 0-18.802759 18.97931-32.971034 43.608276-32.971034zM386.868966 617.18069c-30.322759 0-53.230345 19.332414-53.230345 44.976551 0 22.907586 23.878621 41.489655 53.230345 41.489656 22.510345 0 43.828966-20.171034 43.828965-41.489656a45.550345 45.550345 0 0 0-43.828965-44.976551z m0 64.397241c-19.288276 0-31.161379-11.29931-31.16138-19.42069 0-13.241379 13.241379-22.907586 31.16138-22.907586a23.569655 23.569655 0 0 1 21.76 22.907586c0 9.092414-11.387586 19.42069-21.76 19.42069zM203.034483 617.18069c-29.131034 0-51.994483 19.773793-51.994483 44.976551 0 22.510345 23.790345 41.489655 51.994483 41.489656 22.951724 0 43.873103-19.773793 43.873103-41.489656A45.02069 45.02069 0 0 0 203.034483 617.18069z m0 64.397241c-18.273103 0-29.925517-11.475862-29.925517-19.42069 0-12.844138 13.241379-22.907586 29.925517-22.907586a22.686897 22.686897 0 0 1 21.715862 22.819311c0 8.827586-10.063448 19.508966-21.715862 19.508965z" fill="#000000" p-id="2260"></path></svg>
                        <span>联系我们</span>
                    </a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle waves-effect  waves-dark" id="gitee">
                        <svg t="1645517814394" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6372" width="600" height="600"><path d="M978.467145 409.613653H455.100998v0.011378A45.5101 45.5101 0 0 0 409.590898 455.123753l-0.04551 113.775249a45.5101 45.5101 0 0 0 45.5101 45.521478L773.671696 614.409102a45.5101 45.5101 0 0 1 45.5101 45.5101v22.75505c0 75.398858-61.131442 136.530299-136.530299 136.530299H250.271416a45.5101 45.5101 0 0 1-45.5101-45.5101V341.348503h-0.011377c0-75.398858 61.120064-136.530299 136.530299-136.530299h637.061754v-0.022755a45.5101 45.5101 0 0 0 45.5101-45.487345l0.102398-113.775249H1023.977245a45.5101 45.5101 0 0 0-45.5101-45.532855L341.325748 0.022755C152.822915 0.022755 0 152.84567 0 341.348503v637.141397a45.5101 45.5101 0 0 0 45.5101 45.5101h671.273971c169.661652 0 307.193173-137.531522 307.193174-307.193173V455.123753a45.5101 45.5101 0 0 0-45.5101-45.5101z" p-id="6373"></path></svg>
                        <span>源码</span>
                    </a>
                </li>
                
                
                
                <li class="nav-item dropdown">
                    <!-- onclick=(countDown()) -->
                    <a class="nav-link dropdown-toggle waves-effect  waves-dark" href="javascript:void(0)"
                       data-toggle="dropdown">
                        <!-- <i class="far fa-bell font-24"></i> -->
                        <!-- <i class="mdi mdi-bell font-24"></i> -->
                        <svg class="icon font-18">
                            <use xlink:href="#icon-message"></use>
                        </svg>
                        <i id="hasNewMessage" class=""></i>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right  animated bounceInDown message-data-list-box">
                        <span class="with-arrow"><span class="bg-primary"></span></span>
                        <div class="message-data-list">
                            <div class="drop-title bg-primary text-white">
                                <h4 class="m-b-0" id="warning-list-size">0 条预警消息</h4>
                            </div>
                            <div class="message-center-box" id="warning-list">
                                <!-- Message -->
                                <!--                                         <a href="javascript:void(0)" class="message-item"> -->
                                <!--                                             <span class="btn btn-danger btn-circle"><i class="fa fa-link"></i></span> -->
                                <!--                                             <div class="mail-contnet" style=" width: calc(100% - 50px);"> -->
                                <!--                                                 <h5 class="message-title">预计秋季小范围使用！Moderna新冠疫苗要来了</h5>  -->
                                <!--                                                 <span class="desc">腾讯网</span>  -->
                                <!--                                                 <span class="time">9:40 AM</span> </div> -->
                                <!--                                         </a> -->
                                <!--                                         Message -->
                                <!--                                         <a href="javascript:void(0)" class="message-item"> -->
                                <!--                                             <span class="btn btn-success btn-circle"><i class="ti-calendar"></i></span> -->
                                <!--                                             <div class="mail-contnet" style=" width: calc(100% - 50px);"> -->
                                <!--                                                 <h5 class="message-title"> 广州各医院陆续恢复日常医疗服务 有医院“隔床”收治患者</h5>  -->
                                <!--                                                 <span class="desc">广州各医院陆续恢复日常医疗服务 有医院“隔床”收治患者虽然新冠肺炎疫情得到有效控制，但是目前广州各大医院陆续恢复日常医疗服务的同时，依旧对门诊、住院、手术病人进行了极其严格的筛查和防</span>  -->
                                <!--                                                 <span class="time">9:10 AM</span> </div> -->
                                <!--                                         </a> -->
                                <!--                                         Message -->
                                <!--                                         <a href="javascript:void(0)" class="message-item"> -->
                                <!--                                             <span class="btn btn-info btn-circle"><i class="ti-settings"></i></span> -->
                                <!--                                             <div class="mail-contnet" style=" width: calc(100% - 50px);"> -->
                                <!--                                                 <h5 class="message-title">欧美期指大跌：斯托克50指数期货跌超8% 道指、标普期货均跌逾4%</h5> -->
                                <!--                                                 <span class="desc">美股10天第四次熔断。道指24天跌去10000点北京时间19日凌晨，美股又熔断了。北京时间19日0时56分，标普500指数大跌7%触发熔断机制，暂停</span>  -->
                                <!--                                                 <span class="time">2020-03-19 13:01:05</span>  -->
                                <!--                                             </div> -->
                                <!--                                         </a> -->
                                <!--                                         Message -->
                                <!--                                         <a href="javascript:void(0)" class="message-item"> -->
                                <!--                                             <span class="btn btn-primary btn-circle"><i class="ti-user"></i></span> -->
                                <!--                                             <div class="mail-contnet" style=" width: calc(100% - 50px);"> -->
                                <!--                                                 <h5 class="message-title">工信部加快提升IPv6端到端贯通能力 4股有望受益</h5>  -->
                                <!--                                                 <span class="desc">特别提出要优化提升IPv6网络接入能力，全面扩大数据中心IPv6覆盖范围，到2020年底IPv6活跃连接数达到11.5亿。工信部提出，将通过优化提升IPv6网络接入能力、加快提升内容分发网络IPv6应用加速能力、大幅提升云服务平台IPv6业务承载能力、全面扩大数据</span>  -->
                                <!--                                                 <span class="time">08:15 AM</span>  -->
                                <!--                                             </div> -->
                                <!--                                         </a> -->
                            </div>
                            <!-- foot -->
                            <div class="message-foot"><a th:href="@{/system/warningmsg}"> <strong>查看更多</strong> <i
                                    class="fa fa-angle-right"></i> </a></div>
                        </div>
                    </div>
                </li>
                <!-- <li class="nav-item "> -->
                <!-- <a class="nav-link waves-effect  waves-dark" href="#" id="2" data-toggle="" aria-haspopup="true" aria-expanded="false"> -->
                <!-- <i class="font-24 far fa-sun "></i> -->
                <!-- <i class="font-24 mdi mdi-comment-processing"></i> -->
                <!-- <svg class="icon font-18" aria-hidden="true"> -->
                <!-- <use xlink:href="#icon-setting"></use> -->
                <!-- </svg> -->
                <!-- <i class="font-24 mdi mdi-comment-processing"></i> -->
                <!-- </a> -->
                <!-- </li> -->
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle text-muted waves-effect waves-dark pro-pic"
                       th:href="@{/system/warning}">
                        <!-- <img src="assets/images/users/1.jpg" alt="user" class="rounded-circle" width="31"> -->
                        <svg class="icon font-18">
                            <use xlink:href="#icon-setting"></use>
                        </svg>
                    </a>
                    <!-- <i class="font-24 fas fa-user-circle"></i>
                    <div class="dropdown-menu dropdown-menu-right user-dd animated bounceInDown">
                        <span class="with-arrow"><span class="bg-primary"></span></span>
                        <div class="d-flex no-block align-items-center p-15 bg-primary text-white m-b-10">
                            <div class=""><img src=" assets/images/users/1.jpg" alt="user" class="img-circle m-r-10" width="60"></div>
                            <div class=" ">
                                <h4 class="m-b-0">AdminUser</h4>
                                <p class=" m-b-0">admin@stonedt.com</p>
                            </div>
                        </div>
                        <a class="dropdown-item" href="javascript:void(0)"><i class="mdi mdi-radio-tower m-r-5 m-l-5"></i> 预警设置</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="javascript:void(0)"><i class="mdi mdi-filter-outline m-r-5 m-l-5"></i> 偏好设置</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="javascript:void(0)"><i class="ti-user m-r-5 m-l-5"></i> 个人中心</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="javascript:void(0)"><i class="mdi mdi-message-text-outline m-r-5 m-l-5"></i> 用户建议</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="javascript:void(0)"><i class="mdi mdi-lock-outline m-r-5 m-l-5"></i> 修改密码</a>
                    </div> -->
                </li>
                <li class="nav-item ">
                    <a class="nav-link waves-effect  waves-dark" th:href="@{/logout}" id="2" data-toggle=""
                       aria-haspopup="true" aria-expanded="false">
                        <!-- <i class="font-24 far fa-sun "></i> -->
                        <!-- <i class="font-24 mdi mdi-comment-processing"></i> -->
                        <svg class="icon font-18" aria-hidden="true">
                            <use xlink:href="#icon-exit"></use>
                        </svg>
                        <!-- <i class="font-24 mdi mdi-comment-processing"></i> -->
                    </a>
                </li>
            </ul>
        </div>
    </nav>
    <!--     drop-search  -->
    <div class="animated bounceInDown shadebox" style="display: none;" id="search">
        <div class="drop-search-box">
            <div class="search-title">
                <span>系统搜索</span>
                <svg class="icon" id="close-search">
                    <use xlink:href="#icon-close"></use>
                </svg>
            </div>
            <div class="search-content">
                <button class="btn btn-info">
                    <i class="fa fa-bars"></i>
                    搜索
                </button>
                <div class="search-input">
                    <input id="searchText" type="text" class="form-control" placeholder="请输入搜索内容">
                    <span id="searchI">
                   		<i class="fa fa-search"></i>
                    </span>
                </div>
            </div>
            <!-- 24h start-->
            <!--               <div class="card"> -->
            <!--                   <div class="card-body"> -->
            <!--                       <div class="hot-con-box m-b-20"> -->
            <!--                           <div class="hot-content"> -->
            <!--                               <span><i class="fa fas fa-fire"></i> 12小时热点内容</span> -->
            <!--                           </div> -->
            <!--                       </div> -->
            <!--                       content start -->
            <!--                       <ul class="timeline timeline-left hot-content-list" id="articleList"> -->
            <!--                       </ul> -->
            <!--                       content end -->
            <!--                   </div> -->
            <!--               </div> -->
            <!-- 24h end -->
        </div>
    </div>
    <script th:src="@{/assets/libs/jquery/dist/jquery.min.js}"></script>
    <script th:src="@{/common/iconfont.js}"></script>
    <script th:src="@{/common/tools.js}"></script>
    <script th:src="@{/dist/js/sidebarmenu.js}"></script>
    <script th:src="@{/common/header.js}"></script>
    <script th:src="@{/dist/baidu/baidu_statistics.js}"></script>
    <script th:inline="javascript" type="text/javascript">
        var ctxPath = /*[[@{/}]]*/'';
        countDown();

        function countDown() {
            loading("#warning-list")
            $.ajax({
                url: ctxPath + 'system/getWarningArticle',
                type: 'post',
                dataType: 'json',
                data: {
                    openFlag: 1
                },
                success: function (res) {
                    var list = res.data.warningArticle
                    if (list.length > 0) {
                        var pageinfo = res.data.pageInfo
                        $('#warning-list-size').html('' + pageinfo.total + '  条预警消息');
                        if (!$('#hasNewMessage').hasClass('hasNewMessage')) {
                            $('#hasNewMessage').addClass('hasNewMessage')
                        }
                        $('#warning-list').html('');
                        for (var i = 0; i < list.length; i++) {
                            var html =
                                '<a href="/monitor/detail/' + list[i].article_id + '?groupid=' + list[i].group_id + '&projectid=' + list[i].project_id + '" target="_blank" class="message-item">' +
                                '	<span class="btn btn-danger btn-circle"><i class="fa fa-link"></i></span>' +
                                '	<div class="mail-contnet" style=" width: calc(100% - 50px);">' +
                                '    <h5 class="message-title">' + list[i].article_title + '</h5>' +
                                '    <span class="desc">' + list[i].popup_content + '</span>' +
                                '    <span class="time">' + timeParse(getMyDate(list[i].popup_time)) + '</span>' +
                                '	</div>' +
                                '</a>'
                            $('#warning-list').append(html);
                        }
                    } else {
                        $('#hasNewMessage').removeClass('hasNewMessage')
                        nodata("#warning-list", '暂无预警消息')
                    }
                },
                error: function (res) {
                    dataerror("#warning-list")
                }
            });
        }

        window.setInterval(countDown, 20000);

        function getMyDate(str) {
            var oDate = new Date(str),
                oYear = oDate.getFullYear(),
                oMonth = oDate.getMonth() + 1,
                oDay = oDate.getDate(),
                oHour = oDate.getHours(),
                oMin = oDate.getMinutes(),
                oSen = oDate.getSeconds(),
                oTime = oYear + '-' + getzf(oMonth) + '-' + getzf(oDay) + ' ' + getzf(oHour) + ':' +
                    getzf(oMin) + ':' + getzf(oSen);//最后拼接时间
            return oTime;
        };

        //补0操作
        function getzf(num) {
            if (parseInt(num) < 10) {
                num = '0' + num;
            }
            return num;
        }

        //	    twelveHotArticle()
        // 12小时热点内容
        //	 	function twelveHotArticle(){
        //	 		$.ajax({
        //	 			url: ctxPath + 'search/twelveHotArticle',
        //	 			type: 'post',
        //	 			dataType: 'json',
        //	 			data: {},
        //	 			beforeSend: function(){
        //	 				loading('#articleList');
        //	 			},
        //	 			success: function(res){
        //	 				var list = res;
        //	 				$('#articleList').html('');
        //	 				var html =''
        //	 				for(var i=0; i<list.length; i++){
        //	 					 html += '<li class="timeline-inverted timeline-item">'+
        //				                        '<div class="hot-time">'+list[i].publish_time.substring(11, 16)+'</div>'+
        //				                        '<div class="timeline-panel">'+
        //				                            '<div class="timeline-heading">'+
        //				                                '<h4 class="timeline-title font-14"> <a href="'+ctxPath+'monitor/detail/'+list[i].article_public_id+'?menu=search">'+list[i].title+'</a>'+
        //				                                '</h4>'+
        //// 				                                '<p><small class="text-muted"><i class="fa fa-clock-o"></i> 11 hours ago via Twitter</small> </p>'+
        //				                            '</div>'+
        //				                            '<div class="timeline-body">'+
        //				                                '<p class="text-over-2">'+list[i].content+'</p>'+
        //				                            '</div>'+
        //				                        '</div>'+
        //				                    '</li>';
        //	 				}
        //			        $('#articleList').html(html);
        //	 				if(list.length == 0){
        //	 					nodata('#articleList');
        //	 				}
        //	 			},
        //	 			error: function(){
        //	 				dataerror('#articleList');
        //	 			}
        //	 		});
        //	 	}
        //close-search 搜索

        //         $("#showsearch").click(function () {
        //             $("#search").show()
        //             $('#searchText').keydown(function (e) {
        //                 if (e.keyCode == 13) {
        //                     let searchText = $("#searchText").val();
        //                     window.location.href = ctxPath + "monitor?searchword=" + searchText + "&searchflag=true";
        //                 }
        //             });
        //         });

        //         $("#close-search").click(function () {
        //             $("#search").hide()
        //         });
        function jumpNavLocation(menu, groupId, projectId) {
        	debugger;
            let projectFlag = [[${projectFlag}]];
            console.log(projectFlag)
            if (projectFlag && menu != 'project' && menu != 'monitor' && menu != 'full_search') {
                showInfo("请先创建方案！");
                return;
            }

            var param = '';
            if (groupId && projectId) {
                param = '?groupid=' + groupId + '&projectid=' + projectId;
            }
            if (groupId && !projectId) {
                param = '?groupid=' + groupId;
            }
            if (!groupId && projectId) {
                param = '?projectid=' + projectId;
            }
            if(menu=='displayboard'){
            	window.location.href = ctxPath + 'displayboard' + param;
            }
            else if (menu == 'analysis') {
                window.location.href = ctxPath + 'analysis' + param;
            } else if (menu == 'monitor') {
                window.location.href = ctxPath + 'monitor' + param;
            } else if (menu == 'project') {
                if (groupId) {
                    if (projectId) {
                        window.location.href = ctxPath + 'project/detail?groupid=' + groupId + '&projectid=' + projectId;
                    } else {
                        window.location.href = ctxPath + 'project?groupid=' + groupId;
                    }
                } else {
                    window.location.href = ctxPath + 'project';
                }
            } else if (menu == 'report') {
                window.location.href = ctxPath + 'report' + param;
            }else if(menu =='upload'){
            	window.location.href = ctxPath + 'upload' + param;
            }
            else if (menu == 'volume') {
                window.location.href = ctxPath + 'volume' + param;
            }
            else if (menu == 'full_search') {
                window.location.href = ctxPath + 'fullsearch';
            }else if (menu == 'public_option') {
                window.location.href = ctxPath + 'publicoption';
            }
        }

    </script>
</header>
</body>
</html>